<script setup lang="ts">
import { RouterView } from 'vue-router'
import { onMounted } from 'vue'
import { useUserStore } from './stores/user'
import { getUrlCode, isLoggedIn } from './utils/auth'

onMounted(() => {
    console.log('App.vue挂载')

    // 初始化用户状态
    const userStore = useUserStore()
    userStore.initUserState()

    // 如果URL中有code，并且用户未登录，记录code
    // 登录过程会在路由守卫中完成
    const code = getUrlCode()
    if (code && !isLoggedIn()) {
        console.log('检测到授权码，设置授权码')
        userStore.setQwCode(code)
    }
})
</script>

<template>
    <RouterView />
</template>

<style>
/* 全局样式 */
:root {
    --primary-color: #409eff;
    --text-color: #333;
    --border-color: #dcdfe6;
    --bg-color: #f5f7fa;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family:
        'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
        '微软雅黑', Arial, sans-serif;
    color: var(--text-color);
    background-color: var(--bg-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
</style>
